#me{
    width: 100%;
    background: #f8f8f8;
    // 名片
    .cardCase-box{
        width: 100%;
        height: 276rpx;
        position: relative;
        background: #409EEF;
        .cardCase{
            position: absolute;
            width: 582rpx;
            height: 360rpx;
            background: -webkit-linear-gradient(left top, #409EEF,#3AD0FF); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(bottom right,#409EEF,#3AD0FF); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(bottom right,#409EEF,#3AD0FF); /* Firefox 3.6 - 15 */
            background: linear-gradient(bottom right,#409EEF,#3AD0FF); /* 标准的语法 */
            border-radius: 38rpx;
            left: 84rpx;
            top: 84rpx;
            .card{
                width: 90%;
                margin: 30rpx auto;
                .avatar-box{
                    display: flex;
                    align-items: center;
                    background: none;
                    outline: none;
                    padding: 0;
                    .avatar{
                        width: 90rpx;
                        height: 90rpx;
                        // border:1px solid red;
                        border-radius: 45rpx;
                    }
                    text,.nickName{
                        color: rgba(255, 255, 255, 1);
                        font-size: 36rpx;
                        text-align: center;
                        font-family: PingFangSC-Regular;
                        margin-left: 20rpx;
                    }
                    .nickName{
                        width: 160rpx !important;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                }

                .recruitment-box{
                    width: 100%;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    height: 70rpx;
                    .businessInfo{
                        width: 300rpx;
                        margin-top: 100rpx;
                        
                        text{
                            display: block;
                            text-align: left;
                            margin-top: 20rpx;
                            font-size: 30rpx;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                    text{
                        color: rgba(255, 255, 255, 1);
                        font-size: 24rpx;
                        text-align: center;
                        font-family: PingFangSC-Regular;
                    }
                    .recruitment{
                        width: 226rpx;
                        height: 90rpx;
                        background: -webkit-linear-gradient(left, rgba(208, 84, 60, 0.5), rgba(31, 125, 173, 0.5)); /* Safari 5.1 - 6.0 */
                        background: -o-linear-gradient(right, rgba(208, 84, 60, 0.5), rgba(31, 125, 173, 0.5)); /* Opera 11.1 - 12.0 */
                        background: -moz-linear-gradient(right, rgba(208, 84, 60, 0.5), rgba(31, 125, 173, 0.5)); /* Firefox 3.6 - 15 */
                        background: linear-gradient(to right, rgba(208, 84, 60, 0.5), rgba(31, 125, 173, 0.5)); /* 标准的语法 */
                        border-radius:45rpx 0 0 45rpx;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        position: absolute;
                        right: -5%;
                        image{
                            width:58rpx;
                            height: 58rpx;
    
                        }
                        .recruitment-text{
                            color: white;
                            width: 132rpx;
                            height: 44rpx;
                            text-align: center;
                            margin-left: 28rpx;
                            .text1,.text2{
                                display: block;
                                width: 132rpx;
                                color: rgba(255, 255, 255, 1);
                                font-size: 32rpx;
                                font-family: PingFangSC-Regular;
                                margin-top: -16rpx;
                            }
                            .text2{
                                font-size: 24rpx;
                                margin-top: 0;
                            }
                        }
                    }
                }
                .tel{
                    width: 100%;
                    .btn-phone,text{
                        width: 100%;
                        height: 40rpx;
                        display: block;
                        float: left;
                        color: white;
                        font-size: 24rpx;
                        text-align: left;
                        font-family: PingFangSC-Regular;
                        padding: 0;
                        line-height: 40rpx;
                    }
                    .btn-phone{
                        border-radius: 6rpx;
                        border:none;
                        background:none;
                    }
                }
                .info-box{
                    width: 100%;   
                    margin-top: 26rpx;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-top: 30rpx;
                    .info-item{
                        width: 120rpx;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        label,text{
                            color: rgba(255, 255, 255, 1);
                            font-size: 28rpx;
                            text-align: center;
                            font-family: PingFangSC-Regular;
                            margin-top: 14rpx
                        }
                        text{font-size: 36rpx;margin-top: 0}
                    }    
                }
            }
        }
    }

    //菜单
    .menu{
        width: 100%;
        height: 196rpx;
        background: #409EEF;
        margin-top: 200rpx;
        display: flex;
        align-items: center;
        .menu-item{
            width: 33%;
            display: flex;
            align-items: center;
            flex-direction: column;
            position: relative;
            image{
                width: 62rpx;
                height: 62rpx;
            }
            text{
                color: rgba(255, 255, 255, 1);
                font-size: 12px;
                text-align: center;
                font-family: PingFangSC-Regular;
            }
            .message{
                width: 66rpx;
                height: 24rpx;
                border-radius: 6px;
                background-color: rgba(255, 255, 255, 1);
                position: absolute;
                top: 0;
                right: 40rpx;
                color: rgba(64, 158, 239, 1);
                font-size: 26rpx;
                text-align: center;
                font-family: PingFangSC-Medium;
                line-height: 24rpx;
            }
            .messageNull{
                display: none;
            }
            .top{
                font-size: 36rpx;
                color: white;
            }
            .bottom{
                font-size: 28rpx;
                color: #f5f5f5;
                font-weight: 500
            }
        }
    }

    //服务
    .severice{
        width:100%;
        height:230rpx;
        background:#409EEF;
        .severiceTitle{
            color: white;
            font-size: 36rpx;
            text-align: left;
            font-family: PingFangSC-Medium;
            padding:  14rpx 0 0 20rpx;
        }
        .severiceMenu-box{
            width: 70%;
            margin: 12rpx auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .severiceMenu-item{
                display: flex;
                align-items: center;
                flex-direction: column;
                width: 24%;
                image{
                    width: 62rpx;
                    height: 62rpx;
                    // border: 1px solid;
                }
                label{
                    color: rgba(255, 255, 255, 1);
                    font-size: 24rpx;
                    font-family: PingFangSC-Regular;
                    margin-top: 12rpx;
                }
                .btn-scan{
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    background: none;
                    border: none;
                    width: 100%;
                    padding: 0;
                }
            }
        }
    }

    .option-box{
        width: 100%;
        height: 126rpx;
        background: #F0F0F2;
        border-top: 1px solid #F0F0F2;
        .option{
            width: 90%;
            margin: 36rpx auto;
            line-height: 50rpx;
            text{
                color: rgba(0, 0, 0, 1);
                font-size: 36rpx;
                text-align: left;
                font-family: PingFangSC-Medium;
                display: block;
                float: left;
            }
            image{
                width: 50rpx;
                height: 50rpx;
                float: right;
            }
        }
    }
}

.whithdraw-popup{
    width: 540rpx;
    height: 720rpx;
    border-radius: 32rpx;
    background-color: rgba(255, 255, 255, 1);
    padding: 40rpx;
    .withdraw-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        text{
            display: block;
            color: rgba(0, 0, 0, 1);
            font-size: 40rpx;
            text-align: left;
            font-family: PingFangSC-Medium
        }
        
    }
    .withdraw-box{
        display: flex;
        align-items: center;
        flex-direction: column;
        .withDrawAmount{
            width: 100%;
            border-bottom:1px solid #d8d8d8;
            padding: 20rpx 0 20rpx 0;
            display: flex;
            align-items: center;
            margin-top: 50rpx;
            span,input{
                font-size: 80rpx;
                color: black;
                font-family: PingFangSC-Medium;
                width:40%;
                padding: 0
            }
            input{
                border: none;
                background: none;
                padding: 0;
                width: 60%;
                font-size: 58rpx;
            }
        }
        label{
            color: rgba(0, 0, 0, 0.43);
            font-size: 28rpx;
            text-align: center;
            font-family: PingFangSC-Regular;
            margin-top: 20rpx
        }
        .imgBox{
            width: 60%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 30rpx;
            image{
                width: 60rpx;
                height: 60rpx
            }
            text{
                font-size: 40rpx;
                font-family: PingFangSC-Regular;
                font-weight: bold;
            }
        }
        .submit{
            width: 434rpx;
            height: 70rpx;
            border-radius: 14rpx;
            background-color: rgba(74, 144, 226, 1);
            text-align: center;
            color: rgba(255, 255, 255, 1);
            font-size: 40rpx;
            font-family: PingFangSC-Regular;
            line-height: 70rpx;
            margin-top: 30rpx;
        }
    }
}

.warning-box{
    width: 80%;
    border-radius: 0;
    height: 400rpx;
    display: flex;
    align-items: center;
    flex-direction: column; 
    text{
        width: 100%;
        padding: 20rpx;
        font-family: PingFangSC-Regular;
        text-align: center;
        font-size: 30rpx;
    }
    .btn-box{
        width: 100%;
        padding: 20rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        button{
            background: none;
            border: none;
        }
        .comfirm{
            color: #409EEF;
        }
    }
}